body{ font-family:"Helvetica Neue","Hiragino Sans GB","Microsoft YaHei","\9ED1\4F53",Arial,sans-serif; background:#fff; font-size:12px; -webkit-text-size-adjust:100%; -webkit-tap-highlight-color:rgba(0,0,0,0);}
body,form,ul,li,p,h1,h2,h3,h4,h5,h6,dd,dl,dt{ margin:0;  padding:0; }ul{list-style:none;}img{border:0;}a{text-decoration:none; color:#000;}
input,select{vertical-align:middle; font-family:Arial,"微软雅黑"; padding:0;outline:none;}table{border-collapse:collapse;border-spacing:0; width:100%;}p{word-wrap:break-word}.clr{clear:both;}
.l{float:left;}.r{float:right;}.undis{display:none}.dis{display:block}.dinl{display:inline-block;}.prel{position:relative;}.pabs{position:absolute;}.bor{border:0;}.ovf{overflow:hidden;}.pad{padding:0;}.pad20{padding:20px 0;}*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
textarea{resize:none;} /*webkit核心中textare取消拖动调整大小*/
textarea:focus{outline:none;} /*textarea聚焦时默认边框颜色不变*/
.img100>img{ width:100%;}.bg100{ background-size:100% 100%;}
.glasslayer{position:fixed;  width:100%; height:100%; filter:alpha(opacity=50); opacity:0.5; background:#000; top:0px; left:0px; z-index:9997;}
input::-ms-clear{display:none;}select::-ms-expand { display: none; }

.xl-1{ width:10%;}.xl-2{ width:20%;}.xl-3{ width:30%;}.xl-4{ width:40%;}.xl-5{ width:50%;}.xl-6{ width:60%;}.xl-7{ width:70%;}.xl-8{ width:80%;}.xl-9{ width:90%;}.xl-10{ width:100%;}
.xl-75{ width:75%;}.xl-33{ width:33.333333%;}.xl-25{ width:25%;}.xl-16{ width:16.6666666%;}.xl-13{ width:13.333333%;}

.son-body{ background:#f7f7f7;}

.center{ width:100%; margin:0 auto; padding: 10px 80px 60px 80px;}


.head{ width:100%; z-index:10; background:#fff; height:100px; padding:0 80px; position:relative; border-bottom:1px solid #f1f1f1;}
.head .logo{ float:left; margin-top:28px; display:block; background:url(../images/web-pc-logo.png) center / 176px 49px no-repeat; width:176px; height:49px;}

.head .logo-tag { position:absolute; left:190px; top:60px; font-weight:normal; padding-left:10px; color:#aa1f2b; font-size:14px;}

.head ul{ float:right; font-size:14px; margin-top:50px; height:50px;}
.head li{ float:left; padding:0 25px;  height:50px;}
.head li:last-child{ padding-right:0}
.head li > a{ color:#333; padding:10px 4px; word-break:break-all; word-wrap:break-word; width:100px;}
.head li > a.tag{ border-bottom:2px solid #aa1f2b; color:#aa1f2b; font-weight:bold;}
.head li:hover > a{ border-bottom:2px solid #aa1f2b; color:#aa1f2b; font-weight:bold;}
.head li a.last{ margin-left:35px; background:url(../images/move-icon.png) left center no-repeat; padding-left:25px;}



.head .edition { top:20px; right:80px; color:#914b4f;}
.head .edition a{ display:inline-block; color:#333; padding:0 5px; vertical-align:middle;}
.head .edition a.tag{ color:#aa1f2b;}
/* .head .edition a.tag:before{ content:''; width:4px; height:4px; background:#fff; float:left; margin-top:6px; margin-right:3px;} */



.head .son{ display:none; padding:30px 0; text-align:center; background:#fff; position:absolute; width:100%; left:0; top:100px;}
.head .son dl{ width:260px; text-align:left; display:inline-block; vertical-align:top;}
.head .son dt{ font-weight:bold;  display:block; margin-bottom:10px;}
.head .son dd{ font-size:14px; line-height:28px; }
.head .son dd a{ padding:0; color:#666; font-weight:normal; border:0;}
.head .son dd a:hover{ color:#aa1f2b;}

.head .son p a{ padding:0;  line-height:20px; width:200px; display:inline-block; border-right: 1px solid #f2f2f2;}
.head .son p a:hover{ border-bottom:0; color:#ab202c;}
.head .son p a:last-child{ border:0;}

.head li:hover .son{ display:block;}

.banner{}
.son-banner{ height:345px; position:relative; }

.banner .flickerplate .arrow-navigation.left .arrow{ filter:alpha(opacity=100); opacity:1;}
.banner .flickerplate .arrow-navigation.right .arrow{ filter:alpha(opacity=100); opacity:1;}
.banner .flickerplate .arrow-navigation.left .arrow{ background: url(../images/old_left.png) center / 60px 60px no-repeat; }
.banner .flickerplate .arrow-navigation.right .arrow{ background: url(../images/old_right.png) center / 60px 60px no-repeat;}



.product-banner{ background:url(../images/product-banner.jpg) center no-repeat;}
.questionnaire-banner{ background:url(../images/questionnaire-banner.jpg) center no-repeat;}
.healthy-banner{ background:url(../images/healthy-banner.jpg) center no-repeat;}
.brand-banner{ background:url(../images/brand-banner.jpg) center no-repeat;}
.purchase-banner{ background:url(../images/contact-banner.jpg) center no-repeat;}
.contact-banner{  background:url(../images/contact-banner.jpg) center no-repeat;}
.aboutus-banner{  background:url(../images/aboutus-banner.jpg) center / cover no-repeat;}


/*foot*/
.foot{ background:#282828;}
.foot .bz{ height:70px; line-height:70px; font-size:14px; color:#d4d4d4; border-bottom:1px solid #3e3e3e;}
.foot .bz label{ float:right; width:210px; font-size:16px; text-align:right; padding-right:15px;}
.foot .bz a{ color:#fff;}
.foot .txt{ color:#d4d4d4;}
.foot .txt .l{ padding:25px 0;}
.foot .txt .l p{ margin-bottom:10px;}
.foot .txt .l p:first-child a{ padding:0 5px;}
.foot .txt .l a{ color:#d4d4d4; }
.foot .txt .l img{ display:inline-block; height:36px; vertical-align:middle; }
.foot .txt .r{ margin-top:20px; text-align:right;}
.foot .txt .r a{ color:#d4d4d4; }
.foot .txt .r .wb{ display:inline-block;  background:url(../images/wb-icon.png) center no-repeat; width:26px; height:23px;}
.foot .txt .r .wx{ display:inline-block;  background:url(../images/wx-icon.png) center no-repeat; width:26px; height:23px;}
.foot .txt .r .qq{ display:inline-block;  background:url(../images/qq-icon.png) center no-repeat; width:19px; height:23px;}
.foot .txt .r .icon{ text-align:right; margin-bottom:10px;}
.foot .txt .r .icon span{ display:inline-block; width:80px; text-align:center; margin-right:15px;}
.foot .txt .r .icon img{  display:block; margin-bottom:6px; width:100%;}


/*index*/
.pub-tg{ background:#f8f8f8;}
.pub-tg .title{ position:relative; font-weight:bold; color:#aa1f2b; text-align:center; font-size:22px; padding:50px 0;}
.pub-tg .title label{ color:#666; font-size:14px; display:block; text-align:center;} 
.pub-tg .title label:before{ margin:3px auto 8px; display:block; content:''; background:#ccc; height:1px; width:30px;}

.pub-tg .title .add{position: absolute;
    right: 0;
    background: url(../images/add-icon.png) left center / 30px 30px no-repeat;
    padding-left: 40px;
    height: 38px;
    line-height: 38px;
    font-size: 16px;
    font-weight: normal;}




.dynamic{}
.dynamic .l{ width:775px;}
.dynamic .l img{ width:100%;}
.dynamic .ovf label{ border-radius:0 0 5px 5px;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center; padding:0 10px; background:rgba(170,31,43,0.8); font-size:16px; color:#fff; height:60px; line-height:60px; overflow:hidden; position:absolute; width:100%; bottom:0;}
.dynamic .l .dtimg01{ width:775px; height:573px; border-radius:5px; overflow:hidden;}
.dynamic .r .dtimg02{ width:383px; height:269px; border-radius:5px; overflow:hidden;}


.dynamic .r .col{ width:383px;}
.dynamic .r .col img{ width:100%;}
.dynamic .r .col:first-child{ margin-bottom:34px;}


/*二级页面*/
.son-center{ max-width:1400px; padding: 0 50px; margin:0 auto;}

.son-center .son-bg{ margin-bottom:30px;}
.son-center .son-bg:last-child{ margin:0;}


.son-center .product-type .fl{  margin-bottom: -10px;}
.son-center .product-type .fl .left{ float:left; height: 40px; line-height:40px; width: 780px; background-color: #000; font-size: 16px; color: #fff; border-radius:10px; font-weight: bold;  position:relative; }
.son-center .product-type .fl .right{ float:right; height: 40px; line-height:40px; width: 200px; background-color: #aa1f2b;  font-size: 16px; color: #fff;  border-radius:10px; font-weight: bold;position:relative; }

.son-center .product-type .fl .left:before{ position:absolute; content:''; border:1px solid #ccc; width:100%; height:180px; top:0; left:0; border-radius:10px;   }
.son-center .product-type .fl .right:before{ position:absolute; content:''; border:1px solid #ccc; width:100%; height:180px; top:0; right:0; border-radius:10px;   }



.son-center .product-type{ overflow:hidden; text-align:center; padding:100px 0; width:1050px;  margin:0 auto; }
.son-center .product-type a{ display:block; float:left; margin-right:10px; /* border-bottom:4px solid #fff; */}
.son-center .product-type a:last-child{ margin-right:0;}
.son-center .product-type a img{ width:140px; display:block; -webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;}
.son-center .product-type a.tag img{ -webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
filter: gray;} 

.son-center .product-type a:nth-child(2){ margin-left:20px;}
.son-center .product-type a:nth-child(7){ float:right;  margin-right:30px;}

/* .son-center .product-type a.tag{ border-bottom:4px solid #AB202C;} */
.son-center .introduce .intr-img img{ width:100%; border-radius:5px; }
.son-center .introduce .txt{ padding:30px 0 40px; font-size:14px; line-height:26px;}

.son-center .product-list{ text-align:center; margin-bottom:50px;}
.son-center .product-list .col{ margin-bottom:70px; text-align:center; display:inline-block; width:350px; }
.son-center .product-list .col img{ width:250px; }
.son-center .product-list .col span{ font-size:16px; display:block; margin-bottom:5px;}
.son-center .product-list .col label{ font-size:14px; color:#666;}

.son-center .son-bg .zx{}
.son-center .son-bg .zx .title{ padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #ededed; font-size:22px;}
.son-center .son-bg .zx .zx-list{}
.son-center .son-bg .zx .zx-list .xl-5:first-child{ padding-right:20px;}
.son-center .son-bg .zx .zx-list .xl-5:last-child{ padding-left:20px;}
.son-center .son-bg .zx .zx-list .xl-5:nth-child(odd){ padding:0;}
.son-center .son-bg .zx .zx-list strong{overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;  margin-bottom:15px; font-weight:normal; font-size:18px; display:block;}
.son-center .son-bg .zx .zx-list label{ color:#666; display:block; margin:10px 0; }
.son-center .son-bg .zx .zx-list img{ width:100%; display:block;}
.son-center .son-bg .zx .zx-list p{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-height:26px; height:36px; box-sizing:content-box; margin-bottom:10px; padding:15px 0; font-size:16px; color:#666;}
.son-center .son-bg .zx .zx-list .btn{ text-align:right;}
.son-center .son-bg .zx .zx-list .btn a{ color:#ab202c;}

.son-center .son-bg .zx .zx-list .p-img{ border-radius:5px; height:280px; overflow:hidden;}

.son-center .cp_js{}
.son-center .cp_js img{ width:100%;}

.son-center .video{ padding:50px 0;}
.son-center .video a{ display: flex; width: 100%; justify-content: space-between; -ms-flex-align: center; align-items: center; background:#000;}
.son-center .video img{ width:100%; float:left;}
.son-center .video .txt{  width:50%; float:left; padding:50px 100px; position:absolute; background:rgba(0,0,0,0.3);}
.son-center .video .txt b{ font-size:20px; color:#fff; display:block; margin-bottom:20px;}
.son-center .video .txt p{ font-size:14px; color:#ccc; line-height:26px; margin-bottom:20px;}
.son-center .video .txt label{ background:#000; color:#fff; font-size:14px; border-radius:50px; padding:10px 30px;}

/*产品分类*/
.pro_list{ text-align:center; margin-bottom:50px; }
.pro_list a{ border-radius:3px; padding:0 20px; color:#666; font-size:16px; }
.pro_list a.tag{ display:inline-block; background:#000; color:#fff; font-size:14px;  border-radius:50px;  padding:10px 30px;}



.class-type a{}

/*商品详情*/
.product-detail{ width:1400px; margin:0 auto;}

.product-detail .detail-img{ padding:0 100px 60px;}
.product-detail .detail-img .gallery{ text-align:center; width:460px; }
.product-detail .detail-img .gallery .bd li{ background:url(../images/old-img.jpg) no-repeat; height:460px; width:460px;}
.product-detail .detail-img .gallery img{ height: 460px;} 
.product-detail .detail-img .gallery .pic{ display:table; width:100%; height:100%; }
.product-detail .detail-img .gallery .pic a{ display: table-cell; vertical-align:middle;}
.product-detail .detail-img .img .hd li{ margin:0 7px; display:inline-block; width:70px; height:70px;}
.product-detail .detail-img .img .hd li img{ height:57px;}
.product-detail .detail-img .img .hd .tempWrap{ width:460px;}

.product-detail .detail-img .txt{ width:550px; float:right; height:450px;}
.product-detail .detail-img .txt .tab{ display:table; height:100%; width:100%;}
.product-detail .detail-img .txt .lit{ display:table-cell; vertical-align:middle;}
.product-detail .detail-img .txt .lit span{  color:#bb1e1b; font-size:14px;}
.product-detail .detail-img .txt .lit p{ width:100%; margin-bottom:15px; padding:6px 0; border-bottom:1px solid #ccc; color:#000; font-size:26px;}
.product-detail .detail-img .txt .lit p i{ margin-left:10px;}

.product-detail .detail-img .txt .lit .hp{ width:100%; margin-bottom:15px; padding:6px 0; border-bottom:1px solid #ccc; color:#000; font-size:26px;}
.product-detail .detail-img .txt .lit .hp i{  margin-left:10px;}

.product-detail .detail-img .txt .lit label{ margin-bottom:30px; font-size:14px; color:#666; display:block;}
.product-detail .detail-img .txt .lit a{ font-size:24px; padding:0 50px; display:inline-block; height:55px; line-height:55px; background:#ab202c; color:#fff;}

.product-detail .detail-txt{ border-top:1px solid #ccc; margin:0 100px;}
.product-detail .detail-txt .txt-class{ text-align:center; font-size:22px;}
.product-detail .detail-txt .txt-class li{ display:inline-block; padding:40px;}
.product-detail .detail-txt .txt-class li a{ display:block; padding:10px;}
.product-detail .detail-txt .txt-class li a.tag{ color:#AB202C; border-bottom:3px solid #AB202C;}

.product-detail .tzdp {border-top:1px solid #ccc; margin:60px 100px;}
.product-detail .tzdp .title{ padding:50px 0 20px; text-align:center; font-size:20px;}
.product-detail .tzdp ul{ overflow:hidden;}
.product-detail .tzdp li{ float:left; width:300px; text-align:center;}
.product-detail .tzdp li img{ transform:scale(0.8); display:block; margin:0 auto; height: 320px;}
.product-detail .tzdp li span{ display:block; font-size:16px; padding:0 10px;}
.product-detail .tzdp li span:nth-child(2){ margin:-40px 0 5px;}
.product-detail .tzdp li label{ display:block; color:#666; font-size:14px;}

.product-detail .detail-txt .txt-center{ padding:0 20px; font-size:14px; line-height:30px;}


/*健康测试*/
.questionnaire{}
.questionnaire .title{ text-align:center;}
.questionnaire .title strong{ font-size:24px; font-weight:normal;}
.questionnaire .title p{ font-size:16px; color:#666; padding:30px 0 50px; border-bottom:1px solid #ededed;}

.questionnaire .q-step{ padding:50px 0 10px; font-size:22px; text-align:center;}
.questionnaire .q-step span.tag{ color:#aa1f2b;}
.questionnaire .q-step label{ width:160px; display:inline-block; height:16px; background:url(../images/ques-jt-gray.png) center no-repeat;}
.questionnaire .q-step label.red{ background:url(../images/ques-jt.png) center no-repeat;}

.questionnaire .list{ padding:50px 0;}
.questionnaire .list .col{ margin-bottom:40px; padding:0 20px; height:260px; overflow:hidden;}
.questionnaire .list .col span{ border-radius:5px 5px 0 0; display:block; padding:15px; font-size:16px; background:#aa1f2b; color:#fff;}
.questionnaire .list .col i{ float:left; margin-right:10px; font-size:20px; font-style:initial;}
.questionnaire .list .tj{ font-size:14px; border-radius:0 0 5px 5px; background:#f7f7f7; padding:20px;}
.questionnaire .list .tj a{ margin-right:20px; font-size:16px; border-radius:5px; display:inline-block; padding:0 30px; height:40px; line-height:40px; background:#b3b3b3; color:#fff;}
.questionnaire .list .tj a.tag{ background:#aa1f2b;}
.questionnaire .list .tj select{ background:url(../images/select-jt.png) 95% center no-repeat; padding:0 10px; min-width:70%; font-size:16px; border:1px solid #ccc; height:40px; line-height:40px; appearance:none; -moz-appearance:none; -webkit-appearance:none;  -ms-appearance:none;}
.questionnaire .list .tj input[type=text]{ padding:0 10px; min-width:70%; font-size:16px; border:1px solid #ccc; height:40px; line-height:40px;}
.questionnaire .list .tj label{ position:relative; display:block; margin-bottom:10px;}

.questionnaire .list .tj p input[type=checkbox]{ display:none;}
.questionnaire .list .tj p:before{ margin-right:6px; float:left; content:''; display:block; width:16px; height:16px; border:1px solid #ccc; }
.questionnaire .list .tj p input[type="checkbox"]:checked + label:before{ content:''; position:absolute; top:4px; left:4px; width:10px; height:10px; background:#aa1f2b;}


.questionnaire .btn{ text-align:center;}
.questionnaire .btn a{ display:inline-block; border-radius:5px; height:60px; line-height:60px; padding:0 70px; background:#aa1f2b; color:#fff; font-size:22px;}
.questionnaire .btn a.gray{ background:#999; margin-right:20px;}

.questionnaire .l02 .list .tj{ min-height:230px;}

.questionnaire .result{ padding:80px 20px;}
.questionnaire .result .chart{ }
.questionnaire .result .chart .chart-txt{ display:table; height:400px; font-size:18px; color:#666;}
.questionnaire .result .chart .chart-txt p{ line-height:30px; display:table-cell; vertical-align:middle;}
.questionnaire .result .chart .chart-txt p span{ border-left:1px solid #ededed; display:block; padding-left:30px; }

.questionnaire .result .cp-img{ float:right;  width:500px;}
.questionnaire .result .txt{font-size:16px; padding:40px 0; }
.questionnaire .result .txt b{ display:block; font-size:24px; margin-bottom:10px;}

.questionnaire .result .ques-ul{ width:320px; height:400px;}
.questionnaire .result .ques-ul li{ text-align:center; width:320px; height:400px; float:left;}
.questionnaire .result .ques-ul li span{ display:block;}

.questionnaire .result .reu{}
.questionnaire .result .reu .col{ overflow:hidden; border-bottom:1px solid #ededed;}
.questionnaire .result .reu .col .l{ width:700px; padding-top:100px; }
.questionnaire .result .reu .col .l b{ font-size:30px; color:#aa1f2b; display:block; margin-bottom:40px;}
.questionnaire .result .reu .col .l p{ font-size:16px; line-height:32px; }
.questionnaire .result .reu .col .r{ text-align:center; width:320px; }
.questionnaire .result .reu .col .r span{ font-size:14px; display:block; color:#666; margin-bottom:5px;}
.questionnaire .result .reu .col .r label{ font-size:14px; color:#666;}
.questionnaire .result .reu .col .r li{ padding:0 20px; box-sizing:border-box;}
.questionnaire .result .reu .col .r li img{-webkit-transform: scale(0.7);
  -moz-transform:scale(0.7)
  transform: scale(0.7);}
.questionnaire .result .reu .col .r li b{ margin-top:-75px; display:block; margin-bottom:5px;}
.questionnaire .result .reu .col .r li label{ display:block; text-align:center;}



/*品牌动态*/
.pub-type{ font-size:16px; margin-bottom:40px;}
.pub-type a{ padding:10px 0; float:left; margin-right:30px; color:#666;}
.pub-type a.tag{ border-bottom:3px solid #aa1f2b; color:#aa1f2b;}

.pub-type-add{ text-align:center;}
.pub-type-add a{ float:none; display:inline-block; margin:0 30px;}

.brand-detail{ margin-bottom:50px;}
.brand-detail .title{  border-bottom:1px solid #ededed; padding-bottom:30px; margin-bottom:30px; font-size:24px; font-weight:normal; text-align:center; display:block;}
.brand-detail .txt{font-size:16px; line-height:32px;}
.brand-detail .txt h2 { font-size: 28px; line-height: 56px;}
.brand-detail .txt img{ display:block; margin:0 auto;}
.brand-detail .txt video{ display:block; margin:0 auto;}

/*立即购买*/
.purchase{ padding:60px 0; text-align:center;}
.purchase .col{  width:33%; padding:20px; text-align:center; float:left;}
.purchase .col a{ display:block; background:#f7f7f7; border:1px solid #ccc;  height:260px; padding-top:80px;}
.purchase .col .line{  padding-top:10px; border-top:1px solid #ccc; width:60px; margin:15px auto 0;}
.purchase .col .line label{ font-size:15px; color:#666; display:block;}
.purchase .col .undis{display:none;}

/*联系我们*/
.contact{ height:650px; margin:120px 0;}
.contact .txt{ font-size:14px; padding:30px 30px; text-align:center;}
.contact .txt strong{ background:url(../images/lx_phone.png) top center / 70px 70px no-repeat; font-size:20px; color:#666; font-weight:normal; display:block; margin-bottom:40px; padding-top:90px; line-height:36px;}
.contact .txt strong label{ display:block; font-size:42px; margin:15px 0;}
.contact .txt .time{ margin-bottom:30px;}
.contact .txt .time p{ overflow:hidden; margin-bottom:10px;}
.contact .txt .time p span{ float:left; width:50%;}

.contact .txt .code span{ display:inline-block; width:150px; text-align:center; margin-right:25px; font-size:18px; color:#666;}
.contact .txt .code span:last-child{ margin:0;}
.contact .txt .code img{ width:100%; display:block; margin-bottom:10px;}


.contact .txt .pk{ border-bottom:1px solid #b33b46; padding:20px 0;}
.contact .txt .pk .tle{ float:left; margin-right:20px;}
.contact .txt .pk .dd{ float:left;}
.contact .txt .pk .dd span{ line-height:26px; display:block; padding-left:28px;}
.contact .txt .pk .dd span:first-child{ background:url(../images/phone-icon.png) 2px center no-repeat;}
.contact .txt .pk .dd span:last-child{ background:url(../images/mail-icon.png) left center no-repeat;}
.contact .txt .btn{ margin-top:20px; border:1px solid #fff; height:60px; line-height:60px; display:block; text-align:center; color:#fff; font-size:20px;}




/*使用条款*/
.clause{}
.clause strong{ margin-bottom:30px; font-weight:normal; font-size:30px; text-align:center; display:block;}
.clause b{ font-size:15px; color:#ab202c; display:block; margin-bottom:10px;}
.clause p{ font-size:14px; color:#333; margin-bottom:20px; line-height:24px;}


/*addClass20220211*/
.star_all{ padding:0 100px;}
.star_all ul{ display:flex; flex-wrap:wrap; margin-right:-30px;}
.star_all li{ display:inline-block; padding-right:35px; margin-bottom:35px; width:33.3333%; text-align:center;}
.star_all li .bor{ position:relative; overflow:hidden;}
.star_all li img{ width:100%; display:block;}
.star_all li:hover img{transform:scale(1.11); transition:all 0.6s;}
.star_all li span{ background:#fff; position:absolute; bottom:8%; width:90%; left:5%; padding:20px;}
.star_all li span b{ display:block; font-size:24px; margin-bottom:15px;}
.star_all li span label{ display:inline-block; background:#000; color:#fff; font-size:14px; border-radius:50px;  padding:10px 30px; }



.brand{ overflow:hidden; }
.brand .title{ font-weight:bold; color:#aa1f2b; text-align:center; font-size:22px; padding:50px 0;}
.brand .title label{ color:#666; font-size:14px; display:block; text-align:center;} 
.brand .title label:before{ margin:3px auto 8px; display:block; content:''; background:#ccc; height:1px; width:30px;}

.brand .blist{width: 100%; padding:0 100px; display: flex;}
.brand .blist .left{width: 84%; border-radius:10px; border:1px solid rgba(0,0,0,0.1); margin-right: 20px;}
.brand .blist .left .lb{display: flex;}
.brand .blist .left .lb img{width:70%; margin:0 auto;}
.brand .blist .right{width: 16%; border-radius:10px; border:1px solid rgba(0,0,0,0.1);}
.brand .blist .right .lb{display: flex;}
.brand .blist .right .lb img{width:70%; margin:0 auto;}
.brand .blist p{font-size: 16px; padding: 14px 0; text-align: center; border-radius:10px; background: #f2f1e6; color: #000; font-weight: bold;}


.brand .wm{ padding:0 100px; position:relative;}
.brand .wm .group{ overflow:hidden; background:#f2f1e6; display:flex; width:100%; justify-content:space-between; -ms-flex-align:center; align-items:center;}
.brand .wm .group:last-child{ margin-bottom:40px;}
.brand .wm .group img{ width:50%; float:left;}
/* .brand .wm .group:hover img{transform:scale(1.11); transition:all 0.6s;} */
.brand .wm .group img.r{ float:right;}
.brand .wm .group .txt{ width:50%; float:left; padding:50px 50px;}
.brand .wm .group .txt b{ font-size:30px; display:block; margin-bottom:20px;}
.brand .wm .group .txt p{ font-size:18px; color:#333; margin-bottom:20px;}
.brand .wm .group .txt a{ display: inline-block; background: #000; color: #fff; font-size: 14px; border-radius: 50px; padding:10px 30px;}

.brand .rw14{ display:none; z-index:10; position:absolute; top:150px; left:44%;  width:200px; height:399px;}
.brand .rw14:before{ display:block; content:''; background:url(../images/14_rw_b.png) center / 200px 399px no-repeat; width:200px; height:399px;}
.brand .rw14 i{ cursor:pointer; filter:alpha(opacity=50); opacity:0.5;  position:absolute; left:0; top:0; background:url(../images/14_rw.png) center / 200px 399px no-repeat; width:200px; height:399px;}
.brand .rw14 i:hover{ filter:alpha(opacity=100); opacity:1; }
.brand .rw14.add{/*  -webkit-animation: p-right 1s ease-in 0s forwards; */}

.new{ padding:0 100px;}
.new .new-list{ display: flex;flex-wrap: wrap; margin-right:-35px; padding-bottom:70px;}
.new .col{ padding-right:35px; display:inline-block; flex:1; text-align:center;}
.new .col .zx-img{ overflow:hidden; }
.new .col img{ width:100%;}
.new .col .zx-img:hover img{transform:scale(1.11); transition:all 0.6s;}

.new .col span{ font-weight:bold; overflow:hidden; text-overflow:ellipsis; /* white-space:nowrap; */ text-align:center; display:block; padding:15px 0 25px; font-size:20px; color:#000; min-height:100px;}
.new .col p{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; height:38px; color:#666; font-size:14px;}
.new .col a{ display:inline-block; background: #000; color: #fff; font-size: 14px; border-radius: 50px; padding:10px 30px;}

.foot_add{ text-align:center; background:#000; color:#d4d4d4; padding:10px; font-size:12px;}


.pub_step{ color:#999; padding:40px 100px;}
.pub_step a{ font-size:13px; color:#999; padding:0 5px;}
.pub_step a:first-child{ padding-left:0;}
.pub_step a.tag{ color:#aa1f2b;}

/*关于我们*/
.about_con{ padding:0 100px;}
.about_con .left{ border:1px solid #f1f1f1; float:left; min-height:2300px; width:240px; background:#f8f8f8; /* padding-bottom:10000px; margin-bottom:-10000px; */ }
.about_con .left dl{ border-bottom:1px solid #f1f1f1; }
.about_con .left dl:last-child{ margin-bottom:180px;}
.about_con .left dt{ position:relative; cursor:pointer; font-weight:bold; font-size:16px; line-height:60px; color:#666; padding:0 30px;}
.about_con .left dt.tag{ border-left:2px solid #aa1f2b;  color:#aa1f2b; background:#fff;}
.about_con .left dt:hover{ border-left:2px solid #aa1f2b;  color:#aa1f2b; background:#fff;}
/*
.about_con .left dt:before{ right:20px; top:25px; position:absolute; content:''; width:12px; height:12px; background:url(../images/14_jt.png) center / 8px 8px no-repeat #ccc;}
.about_con .left dt.tag:before{ background:url(../images/14_jt.png) center / 8px 8px no-repeat #aa1f2b; transform:rotate(180deg);}
*/
.about_con .left dd{ font-size:14px; line-height:42px; }
.about_con .left dd.tag a{color:#aa1f2b;}
.about_con .left dd.tag a:before{ background:#aa1f2b;}
.about_con .left dd a{ position:relative; display:block; padding:0 30px; color:#666}
.about_con .left dd a:before{ position:absolute; content:''; width:4px; height:4px; background:#ccc; left:15px; top:18px;}
.about_con .left dd a:hover{ color:#aa1f2b;}
.about_con .left dd a:hover:before{ background:#aa1f2b;}

.about_con .right{ padding-left:280px;}
.about_con .old_tle{ border-bottom:1px solid #f1f1f1; font-size:16px; font-weight:bold; color:#666; padding:0 0 25px; margin-bottom:20px;}
.about_con .add_tle{ font-size:26px; text-align:center; display:block; margin-bottom:25px;}
.about_con .right .txt{ font-size:14px; color:#666; line-height:30px; margin-bottom:50px;}

.about_con .right .grp{ overflow:hidden; background:#ad1f27; display:flex; width:100%; justify-content:space-between; -ms-flex-align:center; align-items:center;}

.about_con .right .grp > img{ width:40%; float:left;}
.about_con .right .grp .tp{ text-align:center; padding-right:50px; width:60%; color:#d1b188; padding-top:100px;}
.about_con .right .grp .tp span{ display:block; font-size:30px; font-weight:bold; margin-bottom:20px;}
.about_con .right .grp .tp label{ display:block; font-size:20px;}



.about_con .right .tmp{ display:flex; flex-wrap:wrap; margin-right:-35px; padding-bottom:70px; }
.about_con .right .tmp .col{ padding-right:35px; display:inline-block; flex:1; text-align:center;  }
.about_con .right .tmp .col .bor{  box-shadow: 0 0 5px #ccc; min-height:540px;}
.about_con .right .tmp .col span i{  display:block; font-style:inherit; color:#d1b188; font-size:26px; font-weight:normal; }
.about_con .right .tmp .col span{ padding:30px 0 70px; position:relative; color:#d1b188; position:relative; font-size:40px; background:url(../images/20221128_02.png) top center / 100% 100% no-repeat; font-weight:bold; line-height:60px; display:block; }
.about_con .right .tmp .col label{ font-size:14px; padding:10px; border-top:1px solid #ececec; display:block; }
.about_con .right .tmp .col .bor img{ display:block; border-top:1px solid #ececec; width:100%; }


.about_con .right .group{ overflow:hidden; display:flex; width:100%; justify-content:space-between; -ms-flex-align:center; align-items:center;}
.about_con .right .group img{ float:left; width:40%;}
.about_con .right .group b{ display:block; font-size:18px; margin-bottom:10px;}
.about_con .right .group label{ font-size:16px; display:block; margin-bottom:10px;}

.about_con .right .gp_img{ font-size:18px; height:392px; padding:145px 20% 0 105px; background: url(../images/ai_03.jpg) center / cover no-repeat;}
.about_con .right .gp_img p{ line-height:36px;}


.about_con .dt_list{ margin-right: -30px; display: flex; flex-wrap: wrap; margin-top:30px;}
.about_con .dt_list .col{  padding-right: 35px;   display: inline-block; width:33.333%; margin-bottom:40px;}
.about_con .dt_list .col strong{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:15px 0 5px; font-weight:normal;  display:block; font-size:20px;}
.about_con .dt_list .col label{padding:0 0 20px; font-size:14px; color:#999; display:block; }
.about_con .dt_list .col .txt{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-height:26px; color:#666; padding:10px 0; font-size:16px; height:66px;}
.about_con .dt_list .col .btn{ text-align:right;}
.about_con .dt_list .col .btn a{ color:#ab202c;}
.about_con .dt_list .col .p-img img{ width:100%;}


/*健康资讯*/
.healthy{ margin-right: -30px; display: flex; flex-wrap: wrap;}
.healthy .col{  padding-right: 35px;   display: inline-block; width:33.333%; margin-bottom:40px;}
.healthy .col strong{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:15px 0 10px; font-weight:normal;  display:block; font-size:20px;}
.healthy .col label{padding:0 0 20px; font-size:14px; color:#999; display:block; }
.healthy .col label b{ font-weight:normal; float:right; color:#999; font-style: italic;}
.healthy .col .txt{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-height:26px; color:#666; padding:10px 0; font-size:16px; height:66px;}
.healthy .col .btn{ text-align:right;}
.healthy .col .btn a{ color:#ab202c;}
.healthy .col .p-img img{ width:100%;}


.healthy .col .p-img{  overflow:hidden;}

.more{ margin:30px 0; height:43px; line-height:43px; color:#9d9d9d; text-align:center; font-size:22px;}
.more label{ padding-left:55px; display:inline-block; background:url(../images/more-loading.png) left center no-repeat;}


.healthy-detail .title{ border-bottom:1px solid #ededed; padding-bottom:30px; margin-bottom:30px; font-size:24px; font-weight:bold; text-align:center; padding-top: 50px; display:block;}
.healthy-detail .txt{ font-size:16px; line-height: 32px; padding-bottom: 50px;}
.healthy-detail .txt h2{ font-size:28px; line-height: 56px;}
.healthy-detail .txt img{ margin:30px auto; display:block; }
.healthy-detail .time{ display:block; font-size:14px; text-align:center; color:#666;}
.healthy-detail .time label{ padding:0 5px;}

.healthy_list{ width:100%; padding:0 100px; overflow:hidden;}
.healthy_list .left{ float:left; min-height:472px; width:240px; }
.healthy_list .left b{ display:block; font-size:16px; margin-bottom:10px;}
.healthy_list .left a{ font-size:14px; display:block; line-height:42px; color:#666;}
.healthy_list .left a.tag{ color:#aa1f2b; font-weight:bold;}
.healthy_list .son-bg{ padding-left:280px;}
.healthy_list .son-bg .s_title{ font-size:20px; margin-bottom:20px; color:#aa1f2b;}

.healthy_add{ padding:0;  width:auto;}
/*关于Schiff旭福 二级首页*/
.about_index{}
/*
.about_index .dt{ overflow:hidden; background:#f2f1e6; display:flex; width:100%; justify-content:space-between; -ms-flex-align:center; align-items:center;}
.about_index .dt img{ width:50%; float:right;}
.about_index .dt .txt{ padding:0 50px; width:100%;}
.about_index .dt .txt strong{ font-size:20px; display:block; margin-bottom:20px;}
.about_index .dt .txt strong a{ font-size:12px; color:#666; border:1px solid #ccc; padding:0 15px; font-weight:normal; float:right;}
.about_index .dt .txt ul{ width:100%;}
.about_index .dt .txt li{line-height:36px; font-size:16px; border-bottom:1px solid #ccc; overflow:hidden;}
.about_index .dt .txt li a{ color:#666;}
.about_index .dt .txt li span{ float:left; width:70%;}
.about_index .dt .txt li label{ float:right; width:30%; text-align:right;}
*/

.about_index .new-list{ display: flex;flex-wrap: wrap; margin-right:-35px; padding-bottom:70px;}
.about_index .col{ padding-right:35px; display:inline-block; flex:1; text-align:center;}
.about_index .col .zx-img{ overflow:hidden; }
.about_index .col img{ width:100%;}
.about_index .col .zx-img:hover img{transform:scale(1.11); transition:all 0.6s;}
.about_index .col span{ font-weight:bold; overflow:hidden; text-overflow:ellipsis; /* white-space:nowrap; */ min-height:100px; text-align:center; display:block; padding:15px 0 25px; font-size:20px; color:#000;}
.about_index .col p{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; height:38px; color:#666; font-size:14px;}
.about_index .col a{ display:inline-block; background: #000; color: #fff; font-size: 14px; border-radius: 50px; padding:10px 30px;}

/* 临时样式 */
.about_index .col_1{ display:inline-block; flex:1; text-align:center;}
.about_index .col_1 .zx-img{ overflow:hidden; }
.about_index .col_1 img{ width:100%;}
.about_index .col_1 .zx-img:hover img{transform:scale(1.11); transition:all 0.6s;}
.about_index .col_1 span{font-size: 20px; line-height: 40px;}



.about_index .title{ position:relative; font-weight:bold; color:#aa1f2b; text-align:center; font-size:20px; padding:50px 0;}
.about_index .title a{     position: absolute;
    right: 0;
    background: url(../images/add-icon.png) left center / 30px 30px no-repeat;
    padding-left: 40px;
    height: 38px;
    line-height: 38px;
    font-size: 16px;
    font-weight: normal;}

.about_index .pl li{ display:block; box-sizing:border-box; height:392px; text-decoration:none; color:#000;}
.about_index .pl li a{ display:block; padding-top:105px; padding-left:105px; height:392px; }
.about_index .pl li strong{ font-size:20px; display:block; margin-bottom:20px; border-left:3px solid #aa1f2b; padding-left:10px; line-height:20px;}
.about_index .pl li p{ color:#666; width:360px; line-height:28px; font-size:16px;}
.about_index .pl .ai01{ background:url(../images/ai_01.jpg) center / cover no-repeat;}
.about_index .pl .ai02{ background:url(../images/ai_02.jpg) center / cover no-repeat; text-align:right; padding-right:105px;}
.about_index .pl .ai02 p{ float:right;}
.about_index .pl .ai02 strong{ border-right:3px solid #aa1f2b; border-left:0;  padding-right:10px;} 
.about_index .pl .ai03{ background:url(../images/ai_03.jpg) center / cover no-repeat;}

.about_index .group{ overflow:hidden; margin-bottom:50px; text-align:center;}
/* .about_index .group .col{ width:48%; float:left;} */
.about_index .group .col{ width:48%; margin:0 auto;} 
/* .about_index .group .col:last-child{ float:right;} */
.about_index .group .col img{ width:100%;}
.about_index .group .col strong{ font-size:16px; display:block; padding:15px 0;}
.about_index .group .col .de{ color:#000; background:none; padding:0;}


.open_video{ position:fixed; z-index:9999; width:1000px; height:564px; background:#000; top:50%; margin-top:-282px; left:50%; margin-left:-500px; border: 5px solid rgba(255,255,255,0.9);}
.open_video iframe{ width:100%; height:550px;}
.open_video .close{ color: #333; position:absolute;
    font-size: 36px;
    text-align: center;
    line-height: 46px;
    z-index: 9999;
    position: absolute;
    top: -20px;
    transform: rotate(45deg);
    right: -22px;
    background: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;}

@-webkit-keyframes p-right{
	0% {
		opacity: 0;
		transform:scale(1.2);
		transform:translateX(-200px);
	}
	100% {
		opacity: 1;
		transform:scale(1);
		transform:translateX(0);
	}
}


@media screen and (max-width:1300px)  {
	
	.son-center{ width:100%; padding:0 50px;}
}